		<nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left cbp-spmenu-open" id="cbp-spmenu-s1">
			<h3>Vista del Cliente</h3>
			<ul>
				<li class="dropdown">
				  <a href="index.php" data-toggle="dropdown">
				    Inicio
				  </a>
				</li>			
				<li class="dropdown">
				  <a href="cliente.php" data-toggle="dropdown">
				    Registro
				  </a>
				</li>
				<li class="dropdown">
				  <a href="login.php" data-toggle="dropdown">
				    Login
				  </a>
				</li>				
				<li class="dropdown">
				  <a href="#" data-toggle="dropdown">
				    Tienda Online
				    <i class="icon-arrow"></i>
				  </a>
				  <ul class="dropdown-menu">
				    <li><a href="shop.php">Ordenar en Línea</a></li>
				    <li><a href="ver_carrito.php">Carrito</a></li>
				  </ul>
				</li>    
			</ul>		

			<h3>Administración</h3>
			<ul>
				<li class="dropdown">
				  <a href="#" data-toggle="dropdown">
				    Clientes
				    <i class="icon-arrow"></i>
				  </a>
				  <ul class="dropdown-menu">
				    <li><a href="Lista_Clientes.php">Listar Clientes</a></li>
				  </ul>
				</li>  		
				<li class="dropdown">
				  <a href="#" data-toggle="dropdown">
				  Ordenes
				    <i class="icon-arrow"></i>
				  </a>
				  <ul class="dropdown-menu">
				    <li><a href="Lista_Ordenes.php">Listar Ordenes</a></li>
				   </ul>
				</li>  		
				<li class="dropdown">
				  <a href="#" data-toggle="dropdown">
				  Productos
				    <i class="icon-arrow"></i>
				  </a>
				  <ul class="dropdown-menu">
				    <li><a href="Lista_Productos.php">Listar Productos</a></li>
				   </ul>
				</li>  		
				<li class="dropdown">
				  <a href="#" data-toggle="dropdown">
				    Usuarios del Sistema
				    <i class="icon-arrow"></i>
				  </a>
				  <ul class="dropdown-menu">
				    <li><a href="Lista_Usuarios.php">Listar Usuarios</a></li>
				    <li><a href="Usuario.php">Crear Usuarios</a></li>
				    
				  </ul>
				</li>  														
			</ul>		
		</nav>	

<script type="text/javascript">
//##########################################
// Drop Down Menu Customized
//##########################################
var dropdown = document.querySelectorAll('.dropdown');
var dropdownArray = Array.prototype.slice.call(dropdown,0);
dropdownArray.forEach(function(el){
	var button = el.querySelector('a[data-toggle="dropdown"]'),
			menu = el.querySelector('.dropdown-menu'),
			arrow = button.querySelector('i.icon-arrow');

	button.onclick = function(event) {
		if (menu == null) {return};
		if(!menu.hasClass('show')) {
			menu.classList.add('show');
			menu.classList.remove('hide');
			arrow.classList.add('open');
			arrow.classList.remove('close');
			event.preventDefault();
		}
		else {
			menu.classList.remove('show');
			menu.classList.add('hide');
			arrow.classList.remove('open');
			arrow.classList.add('close');
			event.preventDefault();
		}
	};
})

Element.prototype.hasClass = function(className) {
    return this.className && new RegExp("(^|\\s)" + className + "(\\s|$)").test(this.className);
};		
</script>		